<div class="activityBox" [class.stopScroll]="stampHide">
	<!-- 用户信息 -->
	<user [username]="user_name" [phone]="user_phone"></user>
	<!-- 称号相关 -->
	<p class="congrats">恭喜您获得荣誉居民的称号</p>
	<img src={{ribbonImg}} class="ribbonImg">
	<div class="titleBox"></div>
	<!-- 主要内容 -->
	<div class="contentBox">
		<!-- 小镇标题 -->
		<div class="stamp_title"></div>
		<!-- 邮戳列表 -->
		<ul class="stampList">
			<li *ngFor = "let item of stampList;let i = index" (click)="checkStamp(i)"  [class.grey]="item.own == 0">
				<div class="logoBox">
					<img src={{item.imgSrc}}>
				</div>
				<p class="check_btn">查看邮戳</p>
			</li>
			<li>
				<p class="collect_title">这是我收集的邮戳喔！</p>
				<p class="collect_rules">快来琶洲合作伙伴大会会场,找准中移互联网展区,一起集邮戳抽大奖吧！</p>
			</li>
		</ul>
		<!-- 分享按钮 -->
		<div class="rulesBox" [class.hide] = "shareBtnHide">
			<a href="javascript:" (click) = "share_btn()"></a>
		</div>
		<!-- 集邮完成邮戳 -->
		<div class="finishStamp"></div>
	</div>
</div>

<!-- 邮戳详情弹窗 -->
<div class="stamp_details" [class.hide]="stampHide">
	<p class="stamp_name">{{stamp_name}}</p>
	<a href="javascript:;" (click)="closeStamp()" class="closeBtn"></a>
	<div class="bigLogo">
		<img src="{{stamp_src}}">
	</div>
	<p class="stamp_intro">{{stamp_desc}}</p>
	<a href="{{stamp_link}}" class="link_btn" [class.hide]="linkHide"></a>
</div>

<!-- 分享遮罩层 -->
<div class="share_arrowBox" [class.hide] = "shareHide" (click) = "closeShare()">
	<img src="{{shareImg}}">
</div>